<template>
  <div id="app">
    <router-view />
  </div>
</template>

<script>
// @ is an alias to /src
export default {
  name: 'Home',
  data() {
    return {};
  }
};
</script>
<style lang="scss">
/* 引入初始化样式 */
@import url('./assets/css/reset.css');
@import url('./assets/css/public.css');
.cl-blue {
  color: #66b1ff;
}
#app {
  font-size: 14px;
  min-width: 1024px;
  // 修改element组件样式
  .hideHeader {
    .el-dialog__header {
      display: none;
    }
    .el-dialog__body {
      padding: 0;
    }
    .el-dialog__footer {
      border: 0;
    }
  }
  .smallDialog {
    .el-dialog__body {
      padding: 10px;
    }
  }
  .listShow {
    .el-dialog__body {
      max-height: 80vh;
      overflow: auto;
    }
  }
  .el-dialog__header {
    padding: 15px 20px;
    border-bottom: 1px solid #bbb;
  }
  .el-dialog__body {
    max-height: 70vh;
    overflow: auto;
  }
  .contentNoPadding {
    .el-dialog__body {
      padding: 10px;
    }
  }
  .el-dialog__footer {
    padding: 10px 20px;
    border-top: 1px solid #bbb;
  }
  .el-button.is-round {
    border-radius: 5px;
  }
  // .el-form-item__label {
  //   text-align: left;
  // }
  .roleMenuAuthor {
    .el-tree-node__expand-icon {
      display: none;
    }
  }
  .el-tabs__nav {
    > div {
      padding-left: 20px;
    }
  }
  .el-main {
    padding: 12px 30px;
  }
  .avatar-uploader .el-upload {
    border: 1px dashed #d9d9d9;
    border-radius: 6px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
  }
  .avatar-uploader .el-upload:hover {
    border-color: #409eff;
  }
  .avatar-uploader-icon {
    font-size: 28px;
    color: #8c939d;
    width: 90px;
    height: 90px;
    line-height: 90px;
    text-align: center;
  }
  .avatar {
    width: 90px;
    height: 90px;
    display: block;
  }
  .searchForm {
    padding: 15px 15px 0;
    margin-bottom: 15px;
    .el-form-item {
      margin-bottom: 15px;
    }
    .el-button {
      margin-bottom: 15px;
    }
  }
  .lineForm {
    padding: 16px 40px 0;
    border: 1px solid rgba(228, 228, 228, 1);
    .el-form-item {
      margin-bottom: 0;
    }
    .el-date-editor,
    .el-input,
    .el-button {
      margin-bottom: 14px;
    }
  }
  .formTitle {
    color: #333333;
    font-size: 16px;
    line-height: 30px;
    padding: 15px 0;
    position: relative;
    &::before {
      content: '';
      width: 4px;
      position: absolute;
      left: -16px;
      top: 0;
      bottom: 0;
      margin: auto 0;
      height: 20px;
      background: #2878ff;
    }
  }
}
</style>